@import (reference) "../../common.less";

@bgColor: #fff8dc;
@boderColor: #ccc;

.wea-edc-fb-com {
  position: relative;

  .wea-edc-wrapper-com {
    .wea-edc-form-item:before {
      display: none;
		}
	}
	
  & > .action-btns {
    display: none;
    position: absolute;
    z-index: 7;
    right: 0;
    top: 0;
    
    a {
      display: inline-block;
    }
  }

  .f-btn-del {
    font-size: 15px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    color: #fff;
    background-color: #de5c5c;
    text-align: center;
    overflow: hidden;
    transition: all ease-in-out 225ms;
    
    &:hover {opacity: .8;}
  }

  .fn-btn-copy {
    padding: 2px 5px;
    vertical-align: top;
    color: #fff;
    transition: all ease-in-out 225ms;
    background: #3aa1f1;

    &:hover {opacity: .8;}

    i {
      padding-right: 5px;
    }
  }

  .fn-btn-copy.fieldname {
    background: #91d874;
  }

  .fn-btn-copy-field {
    background-color: #91d874;
  }

  .fn-btn-copy-field {
    right: 96px;
    background-color: #ff7f50;
  }

  &:hover {
    & > .action-btns {
      display: block;
    }
  }

  .wea-edc-com-lock{
    padding-top: 3px;
    float: left;
    margin-left: -20px;
    cursor: pointer;
    color: rgb(235, 141, 31);
    position: absolute;
    z-index: 7;
  }
}